<template>
	<!-- 添加车辆 -->
	<view class="addCar">
		<view class="addCar-bottom">
			<view class="addCar-content-box">
				<view class="addCar-carName-phone">
					<text class="addCar-phone">厂家：</text>
					<picker class="addCar-input-one" @change="bindPickerChange" :value="msgobj.wlcj" :range="cjArray"
						range-key="SETTB99CA00">
						<i class="addCar-phone-placeholder" v-if="msgobj.wlcj < 0">请选择厂家</i>
						<view v-else class="uni-input wid-zdy-cj">{{ cjArray[msgobj.wlcj].SETTB99CA00 }}</view>
					</picker>
				</view>
				<view class="addCar-carName-phone">
					<text class="addCar-phone">物料类型：</text>
					<picker class="addCar-input-one" @change="bindPickerWlChange" :value="msgobj.wllx" :range="wlArray"
						range-key="settb109CA00">
						<i class="addCar-phone-placeholder" v-if="msgobj.wllx < 0">请选择物料</i>
						<view v-else class="uni-input">{{ wlArray[msgobj.wllx].settb109CA00 }}</view>
					</picker>
				</view>
				<view class="addCar-carName-phone">
					<text class="addCar-phone">毛重：</text>
					<input class="addCar-input-one" @input="tareIptInput" placeholder="请输入毛重" type="digit" v-model="tareIpt" />
					<text class="addCar-dun">吨</text>
				</view>
				<view v-if="msgobj.wlcjId == '10000128' || msgobj.wlcjId == '10000129'" class="addCar-carName-phone"
					style="display: flex;">
					<text class="addCar-phone">身份证：</text>
					<view class="" style="display: flex; justify-content: space-between;">
						<view class="addCar-phone-car" style="height: 100%;">
							<text v-if="Object.keys(carUserObj).length != 0">{{ carUserObj.name }}</text>
							<view v-if="Object.keys(carUserObj).length != 0" style="padding-top: 20rpx;">
								{{ carUserObj.sfz.replace(/^(.{6})(?:\d+)(.{4})$/, '$1****$2') }}</view>
							<i class="addCar-phone-placeholder" v-if="Object.keys(carUserObj).length == 0">请选择身份证</i>
						</view>
						<text @click="addcarshowsfz" style="color: rgba(0, 161, 244, 1); padding-bottom: 20rpx;">选择</text>
					</view>
				</view>
				<view class="addCar-carName-phone" style="border: none;">
					<text class="addCar-phone">车牌号：</text>
					<view class="addCar-phone-car" @click="boardClick">
						{{ carNumberIpt }}
						<text></text>
						<i class="addCar-phone-placeholder" v-if="carNumberIpt == ''">请输入车牌号</i>
					</view>
					<text @click="carShowFun" style="color: rgba(0, 161, 244, 1);">历史车牌</text>
				</view>
				<view class="" v-if="carList.length > 0" style="border-top: 1px solid rgba(230, 230, 230, 0.5)">
					<view class="addCar-carName-phone" style="padding-left: 110rpx;" v-for="(item, index) in carList">
						<view class="addCar-phone-car">
							{{ item.ORDTB400CA01 }}
						</view>
						<text v-if="item.ORDTB400CA01" @click="delCar(item)" style="color: red;padding-left: 82rpx;">删除</text>
					</view>
				</view>
			</view>
			<view class="addCar-reset-determine">
				<view class="addCar-determine" @click="determine">确定</view>
			</view>
		</view>
		<u-popup v-model="carshow" length="100%" mode="right">
			<view class="iscar-nav">
				<!-- <view class="iscar-nav-top" v-if="platform == false"></view>
				<view v-else :style="{ height: systemInfo.statusBarHeight + 'px' }"></view> -->
				<view class="iscar-nav-search">
					<view class="iscar-nav-search-ipt">
						<u-search placeholder="请输入车牌号" @change="valChange" v-model="carSearch" :show-action="true"
							:action-style="actionStyle"></u-search>
					</view>
				</view>
				<view class="iscar-nav-btn">
					<view @click="checkedAll" v-if="ischeckedAll == true">全选</view>
					<view @click="nocheckedAll" v-if="ischeckedAll == false">全不选</view>
					<view class="pack">
						<view class="cancel" @click="carclose">取消</view>
						<view @click="determineFun">确定</view>
					</view>
				</view>
			</view>
			<view class="iscar-content" :style="platform == false ? 'padding-top: 24vh;' : 'padding-top: 14vh'">
				<view v-if="platform == true" :style="{ height: systemInfo.statusBarHeight + 'px' }"></view>
				<u-checkbox-group :wrap="false" width="350rpx" @change="checkboxGroupChange">
					<u-checkbox size='40' label-size="38" v-model="item.checked" v-for="(item, index) in carnumlist" :key="index"
						:name="item.name">{{ item.name }}</u-checkbox>
				</u-checkbox-group>
			</view>
		</u-popup>

		<!-- 自买自提选身份证 -->
		<u-popup v-model="carshowsfz" :closeable="true" close-icon='close' length="80%" mode="bottom" z-index="999"
			@close="caruserclose">
			<view class="" style="background: #fff;">
				<view class="" style="height: 22vh;">
					<view class="iscar-nav" style="">
						<view class="iscar-nav-top" v-if="platform == false"></view>
						<view v-else :style="{ height: systemInfo.statusBarHeight + 'px' }"></view>
						<view class="iscar-nav-search" style="">
							<view class="iscar-nav-search-ipt">
								<u-search @custom="carcustomsfz" @focus="focusFun" @blur="blurFun" placeholder="请输入"
									@change="userValChange" v-model="caruserSearch" :show-action="true" action-text="添加"
									:action-style="actionStyle"></u-search>
							</view>
						</view>
						<view class="iscar-nav-btn">
							<view></view>
							<view @click="determinesfz">确定</view>
						</view>
					</view>
				</view>
				<scroll-view scroll-y style="height: 100%;width: 100%;">
					<view class="iscar-content" :style="{ paddingTop: padingTop }">
						<view v-if="platform == true" :style="{ height: systemInfo.statusBarHeight + 'px' }"></view>
						<view class="uni-list">
							<radio-group v-model="selectedValue" @change="radiouserChange">
								<label class="uni-list-cell uni-list-cell-pd" v-for="(item, index) in userCarnumlist" :key="index.sfz"
									:id="item.name">
									<view style="line-height: 80rpx;">
										<radio :value="item.sfz" :checked="index === selectedValue" />
										<text style="padding-left: 20rpx;">{{ item.name }}<text style="padding-left: 40rpx;">{{
											item.sfz.replace(/^(.{6})(?:\d+)(.{4})$/, '$1****$2') }}</text>
										</text>
									</view>
								</label>
							</radio-group>
						</view>
					</view>
				</scroll-view>
			</view>
		</u-popup>

		<u-modal v-model="addCarLoginShow" content="确定提交" :show-cancel-button="true" @confirm="addCarConfirm">
		</u-modal>
		<u-keyboard ref="uKeyboard" mode="car" @change="carValChange" @backspace="carBackspace" @confirm="sucAdd"
			v-model="carshow1" :mask="true" :mask-close-able="false"></u-keyboard>
	</view>
</template>

<script>
export default {
	data() {
		return {
			userinfo: JSON.parse(uni.getStorageSync('userinfo')),
			platform: uni.getStorageSync('platform'),
			systemInfo: '',
			navHeight: '',
			carSearch: '',
			actionStyle: {
				backgroundColor: '#00a1f1',
				color: '#FFF',
				width: '100rpx',
				height: '60rpx',
				lineHeight: '60rpx',
				borderRadius: '15rpx',
				margin: '0 20rpx',
			},
			carnumlist: [],
			userCarnumlist: [],
			carshowsfz: false,
			ischeckedAll: true,
			componeryArr: [],
			carList: [],
			addressNew: null,
			Index: 0,
			diasabledInput: true, //可读不可写
			carNumberIpt: '', //车牌号
			nameIpt: '', //车主姓名
			phoneIpt: '', //联系方式
			tareIpt: 50, //联系方式
			addCarLoginShow: false,
			carshow1: false,
			carshow: false,
			carType: '',
			typeid: '',
			zxobj: {
				zhdz: '',
				xhdz: -1,
				xhdzName: '',
				ORMTB404ID: ''
			},
			msgobj: {
				wllx: -1,
				wlcj: -1,
				wlcjName: '',
				wlcjId: '',
				wlcjdId: '',
				wllxName: '',
				wllxId: '',
				wllxDj: '',
				kd: '',
				cs: '',
				yf: '',
				cssj: '',
				fdyf: ''
			},
			remark: '',
			cjArray: [],
			xhArray: [],
			wlArray: [],
			page: 1,
			list1: [{
				name: '13米',
				checked: true,
				disabled: false
			},
			{
				name: '7米6',
				checked: false,
				disabled: false
			},
			{
				name: '9米6',
				checked: false,
				disabled: false
			}

			],
			cx: '13米',
			list: [{
				phone: ''
			}],
			padingTop: '6vh',
			caruserSearch: '',
			carUserObj: {},
			userValueobj: {},
			selectedValue: '',
		}
	},
	onLoad() {
		this.getOrderList()
		this.userValChange()
		// this.getxhOrderList()
		// this.getRemark()
		this.systemInfo = uni.getSystemInfoSync()
		this.navHeight = this.systemInfo.platform == 'ios' ? 44 : 48;
	},
	onShow() {

	},

	mounted() {

	},

	methods: {
		checkboxGroupChange() {
			var arr = []
			this.carnumlist.map(val => {
				if (val.checked == true) {
					arr.push(arr)
				}
			})
			if (arr.lenth == this.carnumlist.length) {
				this.ischeckedAll = false
			} else {
				this.ischeckedAll = true
			}
		},
		focusFun() {
			this.padingTop = '10vh'
		},
		blurFun() {
			this.padingTop = '6vh'
		},
		addcarshowsfz() {
			this.carshowsfz = true

		},
		carcustomsfz() {
			this.caruserSearch = ''
			uni.navigateTo({
				url: '/pages/wallet/userMaseAdd/index'
			})
		},

		userValChange() { //输入input发生变化
			this.userCarnumlist = []
			this.caruserSearch = this.caruserSearch.toUpperCase()
			uni.showLoading({
				title: '请求中...',
				mask: true
			});
			if (this.userinfo.sign == 'CUS-1') {
				var ID = this.userinfo.ORMTB400ID
			} else if (this.userinfo.sign == 'CUS-2' || this.userinfo.sign == 'CUS-3') {
				var ID = this.userinfo.ORMTB410ID
			}
			uni.request({
				url: this.baseUrl + '/orm/ormtb419/selectPageList',
				method: 'POST',
				dataType: 'json',
				data: {
					// sign: this.userinfo.sign,
					key: this.caruserSearch,
					ORMTB410ID: ID,
				},
				success: (res) => {
					console.log(res);
					if (res.data.code == 200) {
						var data = res.data.data.list
						this.userCarnumlist = []
						data.forEach(item => {
							this.userCarnumlist.push({
								checked: false,
								name: item.ORMTB419CA00,
								sfz: item.ORMTB419CA03,
								phone: item.ORMTB419CA01,
								disabled: false,
							})
						})
					} else {

					}
					uni.hideLoading();
				},
				fail: (res) => {
					uni.hideLoading();
					this.$refs.uToast.show({
						title: res.errMsg,
						type: 'default',
						icon: false
					})
				}
			});

		},

		valChange() { //输入input发生变化
			this.carnumlist = []
			this.carSearch = this.carSearch.toUpperCase()
			uni.showLoading({
				title: '请求中...',
				mask: true
			});
			if (this.userinfo.sign == 'CUS-1') {
				var ID = this.userinfo.ORMTB400ID
			} else if (this.userinfo.sign == 'CUS-2' || this.userinfo.sign == 'CUS-3') {
				var ID = this.userinfo.ORMTB410ID
			}
			uni.request({
				url: this.baseUrl + '/orm/ormtb440/selectCarNumList',
				method: 'POST',
				dataType: 'json',
				data: {
					// sign: this.userinfo.sign,
					key: this.carSearch,
					ORMTB440CA02: ID,
				},
				success: (res) => {
					console.log(res);
					if (res.data.code == 200) {
						var data = res.data.data
						this.carnumlist = []
						data.forEach(item => {
							this.carnumlist.push({
								checked: false,
								name: item,
								disabled: false,
							})
						})
					} else {

					}
					uni.hideLoading();
				},
				fail: (res) => {
					uni.hideLoading();
					this.$refs.uToast.show({
						title: res.errMsg,
						type: 'default',
						icon: false
					})
				}
			});

		},
		caruserclose() {
			console.log(this.caruserSearch)
			this.userValChange()
		},
		carclose() {
			this.carSearch = ''
			this.carshow = false
		},
		radiouserChange(evt) {
			console.log(evt)

			for (let i = 0; i < this.userCarnumlist.length; i++) {

				if (this.userCarnumlist[i].sfz === evt.detail.value) {
					this.selectedValue = i;
					console.log(this.userCarnumlist[this.selectedValue])
					console.log(this.selectedValue)
					this.userValueobj = this.userCarnumlist[this.selectedValue]
					break;
				}
			}
			console.log(this.carUserObj)
		},

		checkboxGroupChange() {
			var arr = []
			this.carnumlist.map(val => {
				if (val.checked == true) {
					arr.push(arr)
				}
			})
			if (arr.lenth == this.carnumlist.length) {
				this.ischeckedAll = false
			} else {
				this.ischeckedAll = true
			}
		},

		carShowFun() {
			this.carshow = true
			this.valChange()
		},
		checkedAll() {
			this.carnumlist.map(val => {
				val.checked = true
			})
			this.ischeckedAll = false
		},
		nocheckedAll() {
			this.carnumlist.map(val => {
				val.checked = false
			})
			this.ischeckedAll = true
		},

		determinesfz() {
			console.log(this.carUserObj)
			this.carUserObj = this.userValueobj
			this.carshowsfz = false

		},

		determineFun() {
			this.carnumlist.forEach(item => {
				if (item.checked == true) {
					var i = (this.carList || []).findIndex((profile) => profile.ORDTB400CA01 === item.name);
					if (i == '-1') {
						console.log(item.name)
						var carObj = {
							ORDTB400CA01: item.name, //车牌号
						}
						this.carList.push(carObj)
						console.log(this.carList)
					}
				}
			})
			this.carshow = false
		},
		boardClick() {
			this.carshow1 = true
		},
		sucAdd(e) {
			console.log(this.carNumberIpt)
			//车牌号
			var regC =
				/^(([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-Z](([0-9]{5}[DF])|([DF]([A-HJ-NP-Z0-9])[0-9]{4})))|([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-Z][A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳使领])|([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][0-9]{2}([0-9]|[A-Z]){5}))$/;
			// var regP = /^1[3-9][0-9]{9}$/;



			if (!regC.test(this.carNumberIpt)) return uni.showToast({
				title: '车牌号格式不正确，请检查',
				duration: 5000,
				icon: 'none',
			});
			else {
				this.carList.push({
					ORDTB400CA01: this.carNumberIpt
				})
				console.log(this.carList)
				this.carNumberIpt = ''
			}



		},
		delCar(item) {
			this.carList = this.carList.filter((i) => {
				return i != item
			})
		},

		bindPickerChange: function (e) {
			// console.log('picker发送选择改变，携带值为', e.detail.value)
			this.msgobj.wlcj = e.detail.value
			// console.log(typeof this.msgobj.wlcj)
			this.msgobj.wlcjName = this.cjArray[this.msgobj.wlcj].SETTB99CA00
			this.msgobj.wlcjId = this.cjArray[this.msgobj.wlcj].SETTB99ID
			this.msgobj.wlcjdId = this.cjArray[this.msgobj.wlcj].SETTB100ID

			this.queryGwcList()
			this.msgobj.wllx = -1
		},

		bindPickerWlChange(e) {
			this.msgobj.wllx = e.detail.value
			console.log('物料', this.msgobj.wllx)
			this.msgobj.wllxName = this.wlArray[this.msgobj.wllx].settb109CA00
			this.msgobj.wllxId = this.wlArray[this.msgobj.wllx].settb109ID
			this.msgobj.wllxDj = this.wlArray[this.msgobj.wllx].settb109CA01
			console.log(this.wlArray[this.msgobj.wllx].settb109ID)

		},


		// 企业列表
		getOrderList() {
			uni.showLoading({
				title: '请求中...',
				mask: true
			});
			uni.request({
				url: this.baseUrl + '/set/settb99/selectPageList',
				method: 'POST',
				dataType: 'json',
				data: {
					SETTB403CA00: this.userinfo.PERTB005ID,
					ORMTB410ID: this.userinfo.ORMTB410ID,
					ORMTB400ID: this.userinfo.ORMTB400ID, //一级客户ID
					SETTB99CA00: '', //二级企业名称
					SETTB100CA04: this.cityCode, //市代码
					page: this.page,
					limit: 100,
				},
				success: (res) => {
					uni.hideLoading();
					if (res.data.code == 200) {
						if (!res.data.data || res.data.data == null) {
							this.cjArray = []
							this.page = 1
							return
						}
						var data = res.data.data || []
						// console.log(data)
						this.cjArray = data
					} else {
						this.cjArray = []
						this.page = 1
						uni.showToast({
							title: res.data.message,
							type: 'default',
							icon: false
						})
					}
				},
				fail: (res) => {
					uni.hideLoading();
					uni.showToast({
						title: '服务器连接超时',
						type: 'default',
						icon: false
					})
				}
			});
		},
		// 物料列表
		queryGwcList() {
			uni.showLoading({
				title: '加载中...',
				mask: true
			});
			var ORMTB410ID = ''
			if (this.userinfo.sign == "CUS-2" || this.userinfo.sign == 'CUS-3') {
				ORMTB410ID = this.userinfo.ORMTB410ID
			}
			uni.request({
				url: this.baseUrl + '/orm/ormtb440/selectAllSettb109',
				method: 'POST',
				dataType: 'json',
				data: {
					SETTB99ID: this.msgobj.wlcjId, //二级企业代码
					ORMTB410ID: ORMTB410ID,
					sign: this.userinfo.sign,
				},
				success: (res) => {
					console.log(res);
					uni.hideLoading();
					if (res.data.code == 200) {
						// this.materList=res.data.data||[]
						this.wlArray = res.data.data || []
						console.log(this.wlArray)

					} else {
						uni.showToast({
							title: res.data.success,
							type: 'default',
							icon: false
						})
					}
				},
				fail: (res) => {
					uni.hideLoading();
					uni.showToast({
						title: res.errMsg,
						type: 'default',
						icon: false
					})
				}
			});
		},
		addItem() {
			if (this.list.length == 3) {
				uni.showToast({
					title: '最多三个',
					icon: 'none'
				})
				return false
			}
			this.list.push({
				phone: ''
			})
			console.log(this.list)
		},
		delItem(item) {
			if (this.list.length == 1) {
				uni.showToast({
					title: '不能删除第1个',
					icon: 'none'
				})
				return false;
			}
			this.list = this.list.filter((i) => {
				return i != item
			})
		},
		carValChange(val) {
			// 将每次按键的值拼接到carNumberIpt变量中，注意+=写法
			this.carNumberIpt += val;
		},
		carBackspace() {
			// 删除carNumberIpt的最后一个字符
			if (this.carNumberIpt.length) this.carNumberIpt = this.carNumberIpt.substr(0, this.carNumberIpt.length -
				1);
		},
		tareIptInput() { //限制验证码长度
			if (this.tareIpt.length > 6) {
				this.tareIpt = this.tareIpt.slice(0, 6)
			}
		},
		phoneIptInput() {
			if (this.phoneIpt.length > 11) {
				this.phoneIpt = this.phoneIpt.slice(0, 11)
			}
		},
		// 确定
		determine() {
			if (this.msgobj.wlcj == -1) {
				return uni.showToast({
					title: '请选择厂家',
					duration: 5000,
					icon: 'none',
				});
			}
			if (this.msgobj.wllx == -1) {
				return uni.showToast({
					title: '请选择物料',
					duration: 5000,
					icon: 'none',
				});
			}
			if (this.tareIpt == '') {
				return uni.showToast({
					title: '请输入毛重',
					duration: 5000,
					icon: 'none',
				});
			}
			if (this.carList.length == 0) {
				return uni.showToast({
					title: '请输入车牌号',
					duration: 5000,
					icon: 'none',
				});
			}

			if ((this.msgobj.wlcjId == '10000128' || this.msgobj.wlcjId == '10000129') && Object.keys(this.carUserObj).length === 0) {
				return uni.showToast({
					title: '请选择身份证',
					duration: 5000,
					icon: 'none',
				});

			}
			if ((this.msgobj.wlcjId == '10000128' || this.msgobj.wlcjId == '10000129') && Object.keys(this.carUserObj).length != 0 && this.carList
				.length > 1) {
				return uni.showToast({
					title: '每次只可下一车',
					duration: 5000,
					icon: 'none',
				});
			}
			this.addCarLoginShow = true
		},
		addCarConfirm() {
			uni.showLoading({
				title:'提交中'
			})
			if (this.userinfo.sign == 'CUS-1') {
				var ORMTB400ID = this.userinfo.ORMTB400ID
			} else if (this.userinfo.sign == 'CUS-2' || this.userinfo.sign == 'CUS-3') {
				var ORMTB400ID = this.userinfo.ORMTB410ID
			}
			this.carList[0].ORMTB419CA00 = this.carUserObj.name
			this.carList[0].ORMTB419CA01 = this.carUserObj.phone
			this.carList[0].ORMTB419CA03 = this.carUserObj.sfz
			uni.request({
				url: this.baseUrl + '/orm/ormtb440/quickInsert',
				method: 'POST',
				dataType: 'json',
				data: {
					ORDTB400CA09: this.msgobj.wlcjId, //厂家ID
					ORMTB440CA23: this.msgobj.wlcjdId, //厂家短ID
					ORMTB440CA24: this.msgobj.wlcjName, //厂家名称
					ORDTB400CA04: this.msgobj.wllxId, //物料ID
					ORMTB440CA07: this.msgobj.wllxName, //物料名称
					ORMTB440CA08: this.msgobj.wllxDj, //物料单价
					ORMTB410ID: ORMTB400ID,
					zl: this.tareIpt,
					ORMTB440CA17: this.userinfo.PERTB005ID, //登录用户ID
					ORMTB440CA18: this.userinfo.PERTB005CA02, //登录用户名称
					ORMTB410CA00: this.userinfo.ORMTB410CA00, //登录用户名称
					carList: this.carList
				},
				success: (res) => {
					console.log(res);
					if (res.data.code == 200) {
						uni.hideLoading()
						uni.showToast({
							title: '添加成功',
							duration: 5000,
							icon: 'none',
						});
						uni.switchTab({
							url: '/pages/tabbar/sendorder/index',
						})
					} else {
						uni.hideLoading()
						uni.showToast({
							title: res.data.message,
							duration: 5000,
							icon: 'none',
						});
					}
				},
				fail: (res) => {
					uni.hideLoading()
					uni.showToast({
						title: res.data.message,
						duration: 5000,
						icon: 'none',
					});
				}
			});
		},
		// 重置
		reset() {
			this.carNumberIpt = '' //车牌号
			this.nameIpt = '' //车主姓名
			this.phoneIpt = '' //联系方式
			this.tareIpt = ''
		},
	}
}
</script>

<style lang="scss" scoped>
.addCar input {
	border: 0;
}

.addCar {
	width: 100%;
	min-height: 100vh;
	background-color: rgba(242, 242, 242, 1);
	overflow: hidden;
}

/* 列表 */

/* 内容 */
.addCar-content-box {
	/* width: 100%; */
	background: rgba(255, 255, 255, 1);
	padding: 10rpx 24rpx;
	margin: 20rpx;
	border-radius: 20rpx;
	box-shadow: 4rpx 4rpx 20rpx #e5e5e5;
}

.addCar-carName-phone {
	border-bottom: 2rpx solid rgba(230, 230, 230, 0.5);
	padding: 18rpx 0;
}

.addCar-input-one {
	width: 310rpx !important;
	display: inline-block;
	margin-bottom: 0 !important;
	padding: 0 !important;
	height: 44rpx !important;
	vertical-align: middle;
	/* margin-left: 0.1rem; */
	color: rgba(51, 51, 51, 1);
	font-size: 38rpx;
	/* text-align: center; */
}

.addCar-phone {
	width: 192rpx;
	display: inline-block;
	/* font-size: 30rpx; */
	color: rgba(102, 102, 102, 1);
	vertical-align: middle;
	/* background: #000000; */
}

.addCar-phone-placeholder {
	/* font-size: 30rpx; */
	color: rgba(102, 102, 102, .5);
}

.addCar-dun {
	color: rgba(51, 51, 51, 1);
	font-size: 30rpx;
}

/* 按钮 */
.addCar-reset-determine {
	margin-top: 167rpx;
	display: flex;
	justify-content: center;
}



.addCar-reset-determine>view {
	width: 80%;
	text-align: center;
	line-height: 100rpx;
	color: rgba(255, 255, 255, 1);
	font-size: 32rpx;
	border-radius: 20rpx;
}

.addCar-reset {
	width: 159rpx;
	background: rgba(234, 197, 15, 1);
	text-align: center;
	/* margin-left: 170rpx; */
	margin: 0 20rpx;
}

.addCar-determine {
	background: rgba(0, 161, 244, 1);
	/* margin-left: 60rpx; */
}

.add-phone-main {
	position: relative;
}

.add-phone {
	position: absolute;
	top: 20rpx;
	right: 0;
	/* font-size: 50rpx; */
	color: rgba(0, 255, 127, 1);
	/* background: rgba(0, 255, 127, 1); */

}

.addCar-phone-car {
	display: inline-block;
	width: 310rpx;
	height: 44rpx;
	line-height: 44rpx;
	/* border: 1px solid rgba(0, 0, 0, .2); */
	/* border-radius: 3px; */
	text-align: center;
	vertical-align: middle;
	/* font-size: 30rpx; */
}

input::placeholder {
	color: rgba(102, 102, 102, .5);
}

.item-box {
	display: flex;
}

.zhuang-huo-dizhi {
	background-color: #303133;
	color: #fff;
	border-radius: 50%;
	width: 50rpx;
	height: 50rpx;
	display: inline-block;
	font-size: 32rpx;
	text-align: center;
	margin-right: 10rpx;
	margin-bottom: 20rpx;
}

.xie-huo-dizhi {
	background-color: #2979ff;
	color: #fff;
	border-radius: 50%;
	width: 50rpx;
	height: 50rpx;
	display: inline-block;
	font-size: 32rpx;
	text-align: center;
	margin-right: 10rpx;
}

.zx-addres {
	background: rgba(255, 255, 255, 1);

	border-radius: 20rpx;
	box-shadow: 4rpx 4rpx 20rpx #e5e5e5;
	padding: 20rpx 24rpx;
	padding-bottom: 30rpx;
	/* border-bottom: 2rpx solid rgba(230, 230, 230, 1); */
	margin: 20rpx;

}

.cx-box {
	padding: 18rpx 0;
}

.text-jieshao {
	color: red;
	padding: 10rpx 24rpx;
}

.iscar-nav {
	position: fixed;
	top: 0;
	width: 100%;
	/* height: 22vh; */
	/* box-sizing: border-box; */
	z-index: 2;
	background-color: #FFF;
}

.iscar-content {
	/* margin-top: 24vh; */
}

.iscar-nav-top {
	height: 10vh;
	/* background-color: #e3e3e3; */
}

.iscar-nav-search {
	display: flex;
	/* background-color: #e3e3e3; */
	padding-bottom: 20rpx;
}

.iscar-nav-search-ipt {
	flex: 1;
}

.iscar-nav-search-btn {
	width: 100rpx;
	height: 60rpx;
	line-height: 60rpx;
	font-size: 28rpx;
	text-align: center;
	color: #333;
	margin: 0 20rpx;
}

.iscar-nav-btn {
	display: flex;
	justify-content: space-between;
	height: 90rpx;
	line-height: 90rpx;
	font-size: 36rpx;
	color: #333;
	padding: 0 40rpx;
	border-top: 2rpx solid #e3e3e3;
	border-bottom: 2rpx solid #e3e3e3;
	background-color: #fff;

	.pack{
		display: flex;
		flex-wrap: nowrap;
		.cancel{
			color: #888;
			margin-right: 20rpx;
		}
	}
}

.iscar-nav-btn view+view {
	color: #02a2f4;
}

.iscar-nav-btn view {
	/* width: 100rpx; */
	text-align: center;
}

.iscar-content {
	padding-left: 30rpx;
}

.sendcar-addcar {
	padding: 20rpx 20rpx;
	color: #02a2f4;
	font-size: 38rpx;
	background-color: #fff;
}

.sendcar-bottom-height {
	height: 120rpx;
}

.sendcar-bottome-nav {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	display: flex;
	height: 120rpx;
	overflow: hidden;
	box-sizing: border-box;
	z-index: 2;
	background-color: #fff;
}

.sendcar-bottome-nav-l {
	flex: 1;
	text-align: right;
	padding-right: 20rpx;
	margin-top: 20rpx;
}

.sendcar-bottome-nav-l-t {
	height: 40rpx;
	font-size: 34rpx;
	color: #333;
	overflow: hidden;
}

.sendcar-bottome-nav-l-b {
	height: 40rpx;
	overflow: hidden;
	font-size: 24rpx;
	color: #999;
}

.sendcar-bottome-nav-l-b text {
	margin-right: 10rpx;
}

.sendcar-bottome-nav-r>button {
	display: inline-block;
	height: 120rpx;
	line-height: 120rpx;
	color: #FFF;
	background-color: #02a2f4;
	/* background-color: #e5c000; */
	font-size: 32rpx;
}

.sendcar-bottome-nav-r>button+button {
	background-color: #02a2f4;
	margin-left: 5rpx;
}

.wid-zdy-cj {
	width: 495rpx;
}
</style>
